.search_list{
		
		
		height: 100%;
		width: 100%;
		font-size: .14rem;
		@include flexbox();
		@include flex-direction(column);

		.list_header{
		
			width: 100%;
			height:44px;
			text-align: center;
			@include border(0 0 1px 0 ,#e5e5e5);
			padding:.06rem 0;
			background: $base-color;
			ul{
				width: 2.15rem;
				height: .3rem;
				margin: 0 auto;
			}
			li{
				text-align:center;
				float: left;
				width: 50%;
				height: .3rem;
				line-height: .3rem;
				color: #f7f2ec;

				&:nth-child(1){

					@include border(1px 0 1px 1px ,$border-color:'#f7f2ec',$radius:3px);
					border-top-right-radius: 0;
					border-bottom-right-radius: 0;
       		
				}
				&:nth-child(2){
					@include border(1px 1px 1px 0 ,'#f7f2ec',$radius:3px);
					border-top-left-radius: 0;
					border-bottom-left-radius: 0;
				}
				&:nth-child(1).active,&:nth-child(2).active{
					background: #f7f2ec;
					@include border($border-color:#f7f2ec);
					color: $base-color;
				}
			}


		}
		.list_con{
			@include flex();
			@include flexbox();
			text-align: center;
			width: 100%;
			font-size: .12rem;
			.con_left{
				color:#2e2e2e;
				width: .9rem;
				height: 100%;
				overflow: hidden;
				>ul{
					height: 100%;
					width: 100%;
					@include border(0 1px 0 0 ,#e5e5e5);
					li.active,p.active{
						color:$base-color;
					}
					>li{
						
						line-height: 50px;
						background: #efefef;
						@include border(0 0 1px 0 ,#e5e5e5);
						&.active{
							color:$base-color;
						}
						ul{
							@include border(0 0 1px 0 ,#e5e5e5);
							li{
								@include align();
								height: 34px;
								background: #fff;
								color: #737373;
								@include border(1px 0 0 0,#e5e5e5);
								&.active{
									color: $base-color;
									@include border(1px 0 0 3px,#e5e5e5 #fff #fff $base-color);
								}
							}
						}
					}
				}
			}
			.con_right{
				@include flex();
				padding-left: .1rem;
				overflow-y:scroll; 
				>ul{
					@include border(0 0 1px 0 ,#e5e5e5);
					>p{
						height: 50px;
						line-height: 50px;
						text-align: left;
						padding-left: .08rem;
						@include border(0 0 1px 0 ,#e5e5e5);
						b{
								font-size: .14rem;

							i{
								font-size: .18rem;
								background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(245, 138, 6, 1)), to(rgba(241, 69, 65, 1)));
								-webkit-background-clip: text;
								-webkit-text-fill-color: transparent;
								margin-right:.06rem;
								margin-top: -.04rem;
								vertical-align: baseline;
							}
						}
						span{
							color: #747474;
							font-size: .09rem;							
						}
					}
					li{
						
							dl{
								height: 101px;
								padding:.15rem .1rem 0 .05rem;
								@include flexbox();
								
								dt:nth-child(1){
									width:.69rem;
									height:100%;
									
									img{
										width: .69rem;
										height: .71rem;
									}
								}
								dd:nth-child(2){
									@include flex();
									@include flexbox();
									@include flex-direction(column);
									@include  align-items(left);
									padding-left: .10rem;
									>p:nth-child(1){
										color:#2b2b2b;
										height: .28rem;
										line-height: .28rem;

									}
									div:nth-child(2){
										@extend %givespan;
									}
									p:nth-child(3){
										height: .3rem;
										line-height: .3rem;
										span:nth-child(1){
											color:#fe5600;

										}
										del:nth-child(2){
											color:#b2b2b2;
											font-size: 12px;
											padding-left: .05rem;
											text-decoration: line-through;
										}
										
									}
								}
								dd:nth-child(3){
									width:.24rem;
									@include flexbox();
									@include align-items();
									i{
										font-size: .24rem;
										color: #caa25d;
									}
								}
							}
						
					}
				}
			}
		}

	}